<template>
  <div class="mainContent">
    <pathTracking :path="Model.path"/>
    <div class="container">
      <!-- {{this.$route.params.id}} -->
      <!-- 一级tabs -->
      <el-radio-group v-model="Model.activeTab" @change="onTabChange">
        <el-radio-button label="1">售中订单详情</el-radio-button>
        <el-radio-button label="2">赠品管理</el-radio-button>
        <el-radio-button label="3">支付记录</el-radio-button>
        <el-radio-button label="4">操作日志</el-radio-button>
      </el-radio-group>
      <div class="tabBox">
        <el-form :inline="true" :model="Model.formInline" class="demo-form-inline">
          <el-form-item label="售中单号">:{{Model.formInline.order}}</el-form-item>
          <el-form-item label="售后状态">:{{Model.formInline.status}}</el-form-item>
          <el-form-item label="sap售中单号">:{{Model.formInline.sapOrder}}</el-form-item>
          <el-form-item label="原销售定单号">:{{Model.formInline.defaultOrder}}</el-form-item>
          <el-form-item label="原sap销售订单号">:{{Model.formInline.defaultSapOrder}}</el-form-item>
        </el-form>
        <el-steps :active="Model.activeSteps" finish-status="success">
          <el-step title="步骤 1"></el-step>
          <el-step title="步骤 2"></el-step>
          <el-step title="步骤 3"></el-step>
        </el-steps>
      </div>
    </div>
  </div>
</template>

<script>
import pathTracking from "@/components/common/pathTracking";
import pagination from "@/components/common/pagination.vue";
import advancedSearch from "@/components/common/filter/advancedSearch";
import { getDateString } from "@/assets/js/common.js";
import Model from "./model.js";
import Controller from "./controller.js";
export default {
  name: "purchase",
  mixins: [Model, Controller],
  components: {
    advancedSearch,
    pagination,
    pathTracking
  },
  mounted() {
    console.log(this.$route);
  }
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
@import "./index.less";
</style>